<style>
    .auth .wrap-label, .auth .wrap-input {
        display: inline-block;
        vertical-align: top;
    }
    .auth .wrap-label {
        width: 10%;
    }
    h1 {
        font-size: 20px;
    }
    .auth input[type='text'], 
    .auth input[type='password']
    {
        width: 200px;
        height: 25px;
    }
    .auth p {
        text-align: left;
    }
</style>
<form method="POST">
    <div class='wrap-content auth' align="center">
        <img src="<?php echo $this->baseUrl() ?>/public/images/password.png"/>

        <p>
        <div class="wrap-label">
            <label for='username'>User Name</label>
        </div>
        <div class="wrap-input">
            <input type='text' name='username' placeholder='Username' id='username' class="username"/>
        </div>
        </p>
        <p>
        <div class="wrap-label">
            <label for='password'>Password</label>
        </div>
        <div class="wrap-input">
            <input type='password' name='password' placeholder='Password' id='password' class="password"/>
            <p>
                <input type='submit' value='Login' class="submit" style="padding: 4px 20px; margin: 0px;"/>
            </p>
        </div>
        <div>
            <?php if ($this->error): ?>
                <p style="color: red; font-size: 12px; text-align: center;margin-bottom: 30px;">
                    User name or password is not correct
                </p>
            <?php elseif ($this->last == 'tracking'): ?>
                <p style="color: #999999; font-size: 12px; text-align: left;margin-bottom: 30px;width:57%">
                    - Please login to track your vessel. <br/>
                    - Forgot your username/password, or should you need an account, please contact EPAC team <a style="color:blue" href="<?php echo $this->baseUrl() ?>/contact">here</a>.
                </p>
            <?php elseif ($this->last == 'port'): ?>
                <p style="color: #999999; font-size: 12px; text-align: left;margin-bottom: 30px;width:57%">
                    - Please login to view main Ports information. <br/>
                    - Forgot your username/password, or should you need an account, please contact EPAC team <a style="color:blue" href="<?php echo $this->baseUrl() ?>/contact">here</a>.
                </p>
            <?php endif; ?>
        </div>
    </div>
</form>